.header{
	float:left;
	background:#fece02;
	width:100%;
	position:fixed;
	z-index: 3;
	.logo{
		margin-left: 38px;
		margin-top:35px;
		display:inline-block;
		height:102px;
		// line-height:102px;
		margin-right: 47px;
		float: left;
	}
	.search,.code,.msg,.glass{
		display:inline-block;
	}
	.search{
		position:relative;
		margin-top:28px;
		// float:left;
		input{
			width:428px;
			height:73px;
			background: #fee579;
			color:#fff;
			border:0px solid #fff;
			border-radius: 40px;
			text-indent: 87px;
			font-size: 30px;
		}
		input::-webkit-input-placeholder{	
			color:#fff;
		}
		input::-moz-input-placeholder{	
			color:#fff;
		}
		.glass{
			position:absolute;
			top:30%;
			left:5%;
		}
	}
	.code{
		float: right;
		margin-top:45px;
		margin-right:40px;	
	}
	.msg{
		float:right;
		margin-top:45px;
		margin-right:16px;

	}
}
.content{
	padding-top:135px;
	width:100%;
	float:left;
	.left{
		float:left;
		width:30%;
		li{
			height:85px;
			background:#f8f8f8;
			border-bottom:1px solid #d4d4d4;
			text-align: center;
			line-height:85px;

		}
		.selected{
			background:#fff;
		}
	}
	.right{
		float:left;
		width:70%;	
		h2{
			background:#f8f8f8;
			font-size:30px;
			font-weight:500;
			padding:10px 0;
			width:100%;
		}
		.fex{
			margin-left:20px;
			.box{
				border-bottom:1px solid #a1a1a1;
				float:left;
				width:100%;
				padding-top:18px;
				padding-bottom:20px;
				position:relative;
				.fruit{
					display:inline-block;
					float:left;
					padding-top:35px;
				}
				.select{
					display:inline-block;
					float:left;
					h3{
						font-weight:500;
						font-size:28px;
						span{
							width:50px;
							height:33px;
							line-height:33px;
							text-align:center;
							font-size:22px;
							color:#ff4100;
							border-radius:15px;
							border:3px solid #ff4100;
						}
					}
				}
				.buy{
					width:98px;
					height:42px;
					line-height:42px;
					text-align:center;
					font-size:22px;
					color:#fff;
					background:#f85252;
					border-radius:15px;
					margin-top:11px;
				}
				.big{
					margin-top:6px;
					color:#929091;
					font-size:30px;
				}
				.price{
					margin-top:13px;
					color:#ff4100;
					font-size:36px;
				}
				.add{
					position:absolute;
					right:5%;
					bottom:10%;
					width:56px;
					height:56px;
					line-height:56px;
					text-align:center;
					color:#ff4400;
					border:3px solid #dadada;
					border-radius:100%;
					font-size:50px;
				}
			}
			.box:last-of-type{
				padding-bottom: 107px;
			}

		}
	}
}
.foot{
	position:fixed;
	bottom:0px;
	background:#fff;
	text-align:center;
	padding-top:15px;
	padding-bottom: 12px;
	border-top:2px solid #c3c3c3;
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:nowrap;
	.box{
		flex-basis:25%;
	}
}